﻿/*****************************************
 * File Name:   page.css
 * Author:      Chen Xin
 * Version:     1.0
 * Date:        2006-09-15
 * Description: 页面框架样式定义
 *****************************************/


body
{
	font-size: 12px;
	vertical-align: middle;
	color: #000000;
	font-family: 宋体, Verdana, 'Times New Roman';
	margin-top: 0px;
	HEIGHT: 100%


}


div.header
{
	margin: 0px 1px 4px 1px;
	padding: 0px 1px 1px 1px;
	height: 120px;
	min-width: 600px;
	clear: both;
	background-color:#a7a8c7;
	background-image: url(../images/transparent.gif);
}


div.topLine
{
	margin: 1px 1px 4px 1px;
	/*padding-top: 4px;	
    line-height: 29px;
	min-width: 600px;
	display :block;
	left :0px;
	top :92px;
    */
	height: 30px;
	width :100%;
	vertical-align: middle;
	overflow :hidden ;
	border-bottom: solid 1px #e88131;
	background-color: #2A6589; /*, #fdfede;*/
	position:absolute;
	z-index :200;
}

div.topLine div.left 
{
	float: left;
}

div.topLine div.right
{
	padding-top: 2px;
	padding-right: 14px;
	float: right;
}


div.toolBar
{
	margin: 1px 1px 4px 1px;
	padding: 1px;
	height: 44px;
	min-width: 600px;
}

div.menuBar
{
	margin: 0px 2px 0px 2px;
	padding: 0px 4px 0px 4px;
	float: left;
	width: 268px;
	background : #f2f6fb;

}

div.infoBar
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 268px;
    background-color:#e6eaed;
    border: solid 1px #c1d5e0;
}

div.MainMenu
{
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;/*0px 0px 0px 0px;*/
	overflow :hidden ;
	float: left;
	width: 268px;/*396px;*/
    background-color:#e6eaed;
    border: solid 1px #e88131;
}

div.leftBar
{
	margin: 0px 2px 0px 2px;
	padding: 0px;
	float: left;
	width: 60px;

}

div.leftBar div.square
{
	margin: 0px;
	padding: 0px;
	background: #f7fbfc;
	border-right: #c1d5e0 1px solid;
	border-top: #c1d5e0 1px solid;
	border-left: #c1d5e0 1px solid;
	border-bottom: #c1d5e0 0px solid;
	width: 60px;
	height: 23px;
}

div.leftBar div.square1
{
	margin: 0px;
	padding: 0px;
	background: #f7fbfc;
	border-right: #c1d5e0 1px solid;
	border-top: #c1d5e0 1px solid;
	border-left: #c1d5e0 1px solid;
	border-bottom: #c1d5e0 1px solid;
	width: 60px;
	height: 23px;
}


div.legend
{
	float: right;
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;
	background: #f7fbfc;
	border: solid 1px #c1d5e0;
	width: 250px;
	/*min-height :505px;*/
	text-align: center;
	background-image: url(../images/transparent.gif);
	background-repeat: no-repeat;
}

div.legendMin
{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #f7fbfc;
	width: 0px;
	/*min-height :505px;
	border: solid 1px #c1d5e0;
	background-position: right center; 
	background-image: url(../images/middle_002.jpg);
	background-repeat: no-repeat;
	background-color: transparent;*/
	
}


div.legend div.legendtitlebar
{
	margin: 0px;
	padding: 1px;
	height: 16px;
	background: #f7fbfc;
	border-right: #c1d5e0 1px solid;
	border-top: #c1d5e0 1px solid;
	border-left: #c1d5e0 1px solid;
	border-bottom: #c1d5e0 1px solid;
	
}

span.legendbutton
{
	padding: 0px;
	margin: 2px 2px 0px 2px;
	height: 12px;
	width: 12px;
	float: right;
	position: relative;
	border: solid 0px #077b7b;
}

span.legendbutton#close
{
	background-position: left top;
	background-image: url(../images/xblue.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}

span.legendbutton#min
{
	background-position: left top;
	background-image: url(../images/minblue.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}


div.legend div.legendcontent
{
	margin: 0px;
	padding: 1px;
	background: #f7fbfc;
	border-right: #c1d5e0 1px solid;
	border-top: #c1d5e0 0px solid;
	border-left: #c1d5e0 1px solid;
	border-bottom: #c1d5e0 1px solid;
}


div.map
{
	margin: 0px 2px 0px 2px;
	
	padding: 2px 6px 2px 2px;/* Firefox:2px 155px 2px 65px */
	background: #f7fbfc;
	border: solid 1px #c1d5e0;
	height: 505px;
	float: left;
	
	/*
	position: absolute;
	top: 201px;
	left: 80px;
	*/
}

img.smallMap
{
	left: 2px;
	position: relative;
	top: 2px;
	height: 500px;
}


div.footer
{
	margin-top: 2px;
	padding: 4px;
	clear: both;
	position: absolute;
	bottom: 0px;
	height :32px;
	width :100%;
	left :0px;
    /*min-width: 600px;*/
	text-align: center;	
	border-top: #e88131 2px solid;
}

div.footer div.text
{
	margin-left: auto;
	margin-right: auto;
	border-top: #e88131 0px solid;
	width: 450px;
	line-height: 20px;
}

div.resultTable
{
	margin: 0px 2px 0px 2px;
	padding: 0px 6px 2px 2px;/* Firefox:2px 155px 2px 65px */
	background: #f7fbfc;
	border: solid 1px #c1d5e0;
	
	width :240px;
	height: 125px;
	float: left;
	overflow :scroll ;
	
	/*
	position: absolute;
	top: 201px;
	left: 80px;
	*/
}

div.resultTable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	font-size:11px;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	border: solid 1px #c1d5e0;
	
}


div.checkTable
{
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;/* Firefox:2px 155px 2px 65px */
	background: #f7fbfc;
	border: solid 1px #c1d5e0;
	float: left;
	/*
	position: absolute;
	top: 201px;
	left: 80px;
	*/
}

div.controlPanel
{
	background: #c1d5e0;
	border: solid 1px #c1d5e0;
	float: left;
	min-height :400px;
	width :5px;
	background-position: right center;
	background-color :#c1d5e0;
	background-image : url(../images/middle_002.jpg);
	background-repeat :no-repeat ;
	/*
	float: right;
	background :#f7fbfc url(../Picture/middle_002.jpg) norepeat;
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;/* Firefox:2px 155px 2px 65px 
	position: absolute;
	top: 201px;
	left: 80px;
	*/
}

div.TopControlPanel
{
	background: #f7fbfc;
	border: solid 1px #c1d5e0;
	height :4px;
	width :100%;
	background-position:center top ;
	background-color :#f7fbfc;
	background-image : url(../images/middle_003.jpg);
	background-repeat :no-repeat ;

    }